<template>
	<view class="" style="height: 100%;">
		<image src="/static/work1.jpg" mode="" class="img_bg"></image>
		<view class="display text-32 " style="">
			<view class="display margin-l30 margin-r30" style="background-color: #F0F8FF; border-radius: 8%;">


				<view class="margin-l40 " :class="on1==2?'on11':''" style="text-align: center;height: 80upx;width: 80upx; background-color: #F0F8FF; border-radius: 100%;"
				 @tap="on1_1()">
					<view class="margin-t20">全部</view>
				</view>
				<view class="margin-l40 " :class="on2==2?'on11':''" style="text-align: center; background-color: #F0F8FF; " @tap="on2_2()">
					<view class="margin-t20">待指派</view>
				</view>
				<view class="margin-l40" :class="on3==2?'on11':''" style="text-align: center; background-color: #F0F8FF; " @click="on3_3()">
					<view class="margin-t20">待整改</view>
				</view>
				<view class="margin-l40" :class="on4==2?'on11':''" style="text-align: center; background-color: #F0F8FF; " @click="on4_4()">
					<view class="margin-t20">待复查</view>
				</view>
				<view class="margin-l40 margin-r40" :class="on5==2?'on11':''" style="text-align: center; background-color: #F0F8FF; "
				 @click="on5_5()">
					<view class="margin-t20">已通过</view>
				</view>
			</view>
		</view>
		<!-- 全部 -->
		<view class="margin-r30 margin-l30" v-show="on1">
			<block v-for="(item,index) in list1" :key="index">
				
				<view class="card margin-t30 relative" @tap="toDetail(item.id,item.add_time,item.status)" v-show="item.status==2">
					<view :class="item.inspection_status==0?'jiaobiao':item.inspection_status==1?'jiaobiao1':item.inspection_status==2?'jiaobiao2':item.inspection_status==4?'jiaobiao3':'jiaobiao4'">
						{{item.inspection_status==0?inspection_status0:item.inspection_status==1?inspection_status1:item.inspection_status==2?inspection_status2:item.inspection_status==4?inspection_status3:'inspection_status4'}}
					</view>
					<view class="text-36">{{item.danger_name?item.danger_name:"-"}}</view>
					<view class="display justify-between margin-t22">

						<view class="font-gray1">巡检时间</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.add_time?item.add_time:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">巡检人</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.nickname?item.userinfo.nickname:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">所属部门</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.position_name?item.userinfo.position_name:"公司"}}</view>
					</view>
					<!-- 重新指派 -->
					<!-- <view class="cxzhipai" style="width: 130rpx;margin-left: 60%;position: absolute;top: 0rpx; color: #FFFFFF;background: #FF2400;" @click.stop="reset(item)">
						重新指派
					</view> -->
				</view>
			</block>
			<view class="loading">
				{{loadingText}}
			</view>
		</view>
		<!-- 待指派 -->
		<view class="margin-r30 margin-l30" v-show="on2">
			<block v-for="(item,index) in list2" :key="index">
				<view class="card margin-t30 relative" @tap="toDetail(item.id,item.add_time,item.status)" v-show="item.inspection_status==0">
					<view :class="item.inspection_status==0?'jiaobiao':item.inspection_status==1?'jiaobiao1':item.inspection_status==2?'jiaobiao2':item.inspection_status==4?'jiaobiao3':'jiaobiao4'">
						{{item.inspection_status==0?inspection_status0:item.inspection_status==1?inspection_status1:item.inspection_status==2?inspection_status2:item.inspection_status==4?inspection_status3:'inspection_status4'}}
					</view>
					<view class="text-36">{{item.danger_name?item.danger_name:"-"}}</view>
					<view class="display justify-between margin-t22">

						<view class="font-gray1">巡检时间</view>
						<view>{{item.add_time?item.add_time:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">巡检人</view>
						<view>{{item.userinfo.nickname?item.userinfo.nickname:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">所属部门</view>
						<view>{{item.userinfo.position_name?item.userinfo.position_name:"公司"}}</view>
					</view>
					<!-- 重新指派 -->
					<!-- <view class="" style="width: 200rpx;margin-left: 35%;color: #D9000F;border: 1rpx solid #D9000F;" @click.stop="reset(item)">
						点此重新指派
					</view> -->
				</view>
			</block>
			<view class="loading">
				{{loadingText2}}
			</view>
		</view>
		<!-- 待整改 -->
		<view class="margin-r30 margin-l30" v-show="on3">
			<block v-for="(item,index) in list3" :key="index">
				<view class="card margin-t30 relative" @tap="toDetail(item.id,item.add_time,item.status)" v-show="item.inspection_status==1">
					<view :class="item.inspection_status==0?'jiaobiao':item.inspection_status==1?'jiaobiao1':item.inspection_status==2?'jiaobiao2':item.inspection_status==4?'jiaobiao3':'jiaobiao4'">
						{{item.inspection_status==0?inspection_status0:item.inspection_status==1?inspection_status1:item.inspection_status==2?inspection_status2:item.inspection_status==4?inspection_status3:'inspection_status4'}}
					</view>
					<view class="text-36">{{item.danger_name?item.danger_name:"-"}}</view>
					<view class="display justify-between margin-t22">

						<view class="font-gray1">巡检时间</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.add_time?item.add_time:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">巡检人</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.nickname?item.userinfo.nickname:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">所属部门</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.position_name?item.userinfo.position_name:"公司"}}</view>
					</view>
					<!-- 重新指派 -->
					<!-- <view class="" style="width: 200rpx;margin-left: 35%;color: #D9000F;border: 1rpx solid #D9000F;" @click.stop="reset(item)">
						点此重新指派
					</view> -->
				</view>
			</block>
			<view class="loading">
				{{loadingText3}}
			</view>
		</view>
		<!-- 待复查 -->
		<view class="margin-r30 margin-l30" v-show="on4">
			<block v-for="(item,index) in list4" :key="index">
				<view class="card margin-t30 relative" @tap="toDetail(item.id,item.add_time,item.status)" v-show="item.inspection_status==2">
					<view :class="item.inspection_status==0?'jiaobiao':item.inspection_status==1?'jiaobiao1':item.inspection_status==2?'jiaobiao2':item.inspection_status==4?'jiaobiao3':'jiaobiao4'">
						{{item.inspection_status==0?inspection_status0:item.inspection_status==1?inspection_status1:item.inspection_status==2?inspection_status2:item.inspection_status==4?inspection_status3:'inspection_status4'}}
					</view>
					<view class="text-36">{{item.danger_name?item.danger_name:"-"}}</view>
					<view class="display justify-between margin-t22">

						<view class="font-gray1">巡检时间</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.add_time?item.add_time:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">巡检人</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.nickname?item.userinfo.nickname:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">所属部门</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.position_name?item.userinfo.position_name:"公司"}}</view>
					</view>
					<!-- 重新指派 -->
					<!-- <view class="" style="width: 200rpx;margin-left: 35%;color: #D9000F;border: 1rpx solid #D9000F;" @click.stop="reset(item)">
						点此重新指派
					</view> -->
				</view>
			</block>
			<view class="loading">
				{{loadingText4}}
			</view>
		</view>
		<!-- 已通过 -->
		<view class="margin-r30 margin-l30" v-show="on5">
			<block v-for="(item,index) in list5" :key="index">
				<view class="card margin-t30 relative" @tap="toDetail(item.id,item.add_time,item.status)" v-show="item.inspection_status==4">
					<view :class="item.inspection_status==0?'jiaobiao':item.inspection_status==1?'jiaobiao1':item.inspection_status==2?'jiaobiao2':item.inspection_status==4?'jiaobiao3':'jiaobiao4'">
						{{item.inspection_status==0?inspection_status0:item.inspection_status==1?inspection_status1:item.inspection_status==2?inspection_status2:item.inspection_status==4?inspection_status3:'inspection_status4'}}
					</view>
					<view class="text-36">{{item.danger_name?item.danger_name:"-"}}</view>
					<view class="display justify-between margin-t22">

						<view class="font-gray1">巡检时间</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.add_time?item.add_time:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">巡检人</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.nickname?item.userinfo.nickname:"-"}}</view>
					</view>
					<view class="display justify-between margin-t22">
						<view class="font-gray1 ">所属部门</view>
						<view :class="item.danger_level==1?'font-0':item.danger_level==2?'font-1':item.danger_level==3?'font-2':item.danger_level==4?'font-3':''">{{item.userinfo.position_name?item.userinfo.position_name:"公司"}}</view>
					</view>
					<!-- 重新指派 -->
					<!-- <view class="" style="width: 200rpx;margin-left: 35%;color: #D9000F;border: 1rpx solid #D9000F;" @click.stop="reset(item)">
						点此重新指派
					</view> -->
				</view>
			</block>
			<view class="loading">
				{{loadingText5}}
			</view>
		</view>
	

	</view>
</template>

<script>
	var page1 = 1,
		page2 = 1,
		page3 = 1,
		page4 = 1,
		page5 = 1,
		timer;
	export default {
		data() {
			return {
				uid: '',
				token: '',
				list1: [],
				list2: [],
				list3: [],
				list4: [],
				list5: [],
				zhuangtai: '正常',
				yichang: '异常',
				status: 2,
				loadingText: '上拉加载更多',
				loadingText2:'上拉加载更多',
				loadingText3: '上拉加载更多',
				loadingText4: '上拉加载更多',
				loadingText5: '上拉加载更多',
				inspection_status0: '待指派',
				inspection_status1: '待整改',
				inspection_status2: '待复查',
				inspection_status3: '已通过',
				on1: 2,
				on2: false,
				on3: false,
				on4: false,
				on5: false,
			}
		},
		onLoad() {
			var _self = this
			this.uid = uni.getStorageSync('user').uid;
			this.token = uni.getStorageSync('user').token;
			this.getSuoyou();
			this.getZhipai();
			this.getZhenggai()
			this.getFucha()
			this.getTongguo()
		},
		onPullDownRefresh: function() {
			this.getSuoyou();
			this.getZhipai();
			this.getZhenggai()
			this.getFucha()
			this.getTongguo()
		},
		onReachBottom: function() {
			let that = this
			if (timer != null) {
				clearTimeout(timer)
			}
			timer = setTimeout(function() {
				that.getNewSuoyou();
				that.getNewZhipai();
				that.getNewZhenggai()
				that.getNewFucha()
				that.getNewTongguo()
			}, 500);
		},
		methods: {
			//重新指派
			reset(item){
				console.log(item.is_reassign)
				if(item.is_reassign === 1){
					uni.request({
						url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/setReAssign?uid=' + this.uid + '&token=' + this.token +
							'&id=' + item.id,
						method: 'GET',
						header: {
							'content-type': 'application/x-www-form-urlencoded'
						},
						success: function(res) {
							item.inspection_status=0
							console.log(res.data.datas.msg)
							uni.showToast({
								title:res.data.datas.msg
							})
						},
						fail() {
							uni.showToast({
								title:res.data.datas.msg
							})
						}
					})
				}else{
					uni.showToast({
						title:'您无法重新指派',
						icon:'none'
					})
				}
				
			},
			
			on1_1: function() {
				this.on1 = 2
				this.on2 = false
				this.on3 = false
				this.on4 = false
				this.on5 = false

			},
			on2_2: function() {
				this.on1 = false
				this.on2 = 2
				this.on3 = false
				this.on4 = false
				this.on5 = false
			},
			on3_3: function() {
				this.on1 = false
				this.on2 = false
				this.on3 = 2
				this.on4 = false
				this.on5 = false
			},
			on4_4: function() {
				this.on1 = false
				this.on2 = false
				this.on3 = false
				this.on4 = 2
				this.on5 = false
			},
			on5_5: function() {
				this.on1 = false
				this.on2 = false
				this.on3 = false
				this.on4 = false
				this.on5 = 2
			},
			getSuoyou() {
				page1 = 1;
				var _self = this
				uni.showNavigationBarLoading();
				this.loadingText = '上拉加载更多'
				console.log('uid=' + this.uid + '&token=' + this.token +
					'&p=' + page1 + '&status=' + this.status)
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getInspectionList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page1 + '&status=' + this.status,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res1) {

						if (res1.data.code == 200) {
							_self.list1 = res1.data.datas.inspection_list
							console.log(_self.list1)
							uni.stopPullDownRefresh();
							uni.hideNavigationBarLoading();
							page1++;
						}
						if (res1.data.code == 100) {
							console.log(res1)
							uni.showToast({
								title: res1.data.datas.msg,
								icon: 'none'
							})
							setTimeout(() => {
								uni.reLaunch({
									url: '/pages/index/index'
								})
								try {
									uni.removeStorageSync('user');
									console.log('chenggonmg')
								} catch (e) {
									// error
								}
							}, 1500)
						}
					}
				})
			},
			getNewSuoyou() {
				var _self = this
				if (this.loadingText == '已经加载全部巡检记录') {
					return false
				}
				this.loadingText = '加载中...'
				uni.showNavigationBarLoading();
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getInspectionList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page1,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res1_1) {
						uni.hideNavigationBarLoading();
						if (res1_1.data.datas.inspection_list.length == 0) {
							_self.loadingText = '已经加载全部巡检记录';
							return false
						}
						var newlist = res1_1.data.datas.inspection_list
						_self.list1 = _self.list1.concat(newlist)
						console.log(_self.list1)
						page1++;
					}
				})
			},
			getZhipai() {
				var that = this
				page2 = 1
				uni.showNavigationBarLoading();
				this.loadingText2 = '上拉加载更多'
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getAssignList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page2,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res2) {
						if (res2.data.code == 100) {
							console.log(res2)
							uni.showToast({
								title: res2.data.datas.msg,
								icon: 'none'
							})
							setTimeout(() => {
								uni.reLaunch({
									url: '/pages/index/index'
								})
								try {
									uni.removeStorageSync('user');
									console.log('chenggonmg')
								} catch (e) {
									// error
								}
							}, 1500)
						}
						if (res2.data.code == 200) {
							if (res2.data.datas.length == 0) {
								that.isShow = true
							}
							that.list2 = res2.data.datas
							console.log(that.list2)
						}
						uni.stopPullDownRefresh();
						uni.hideNavigationBarLoading();
						page2++;
					}
				})
			},
			getNewZhipai() {
				var that = this
				if (this.loadingText2 == '没有更多待指派记录') {
					return false
				}
				this.loadingText2 = '加载中...'
				uni.showNavigationBarLoading();
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getAssignList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page2,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res2_2) {
						uni.hideNavigationBarLoading();
						if (res2_2.data.datas.length == 0) {
							that.loadingText2 = '没有更多待指派记录';
							return false
						}
						if (res2_2.data.code == 200) {
							var newlist = res2_2.data.datas
							that.list2 = that.list2.concat(newlist)
							console.log(that.list2)
						}
						page2++;
					}
				})
			},
			getZhenggai() {
				let that = this
				page3 = 1
				uni.showNavigationBarLoading();
				this.loadingText3 = '上拉加载更多'
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getRectificationList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page3,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res3) {
						if (res3.data.code == 200) {
							if (res3.data.datas.length == 0) {
								that.isShow = true
							}
							that.list3 = res3.data.datas
							console.log(that.list3)
						}
						if (res3.data.code == 100) {
							console.log(res3)
							uni.showToast({
								title: res3.data.datas.msg,
								icon: 'none'
							})
							setTimeout(() => {
								uni.reLaunch({
									url: '/pages/index/index'
								})
								try {
									uni.removeStorageSync('user');
									console.log('chenggonmg')
								} catch (e) {
									// error
								}
							}, 1500)
						}
						uni.stopPullDownRefresh();
						uni.hideNavigationBarLoading();
						page3++;
					}
				})
			},
			getNewZhenggai() {
				var that = this
				if (this.loadingText3 == '没有更多待整改记录') {
					return false
				}
				this.loadingText3 = '加载中...'
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getRectificationList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page3,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res3_3) {
						uni.hideNavigationBarLoading();
						if (res3_3.data.datas.length == 0) {
							that.loadingText3 = '没有更多待整改记录';
							return false
						}
						if (res3_3.data.code == 200) {
							var newlist = res3_3.data.datas
							that.list3 = that.list3.concat(newlist)
							console.log(that.list3)
						}
						page3++;
					}
				})
			},
			getFucha() {
				let that = this
				page4 = 1
				uni.showNavigationBarLoading();
				this.loadingText4 = '上拉加载更多'
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getReviewList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page4,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res4) {
						console.log(res4)
						if (res4.data.code == 200) {
							that.list4 = res4.data.datas
							console.log(that.list4)
							if (res4.data.datas.length == 0) {
								that.isShow = true
							}
							
						}
						if (res4.data.code == 100) {
							console.log(res4)
							uni.showToast({
								title: res4.data.datas.msg,
								icon: 'none'
							})
							setTimeout(() => {
								uni.reLaunch({
									url: '/pages/index/index'
								})
								try {
									uni.removeStorageSync('user');
									console.log('chenggonmg')
								} catch (e) {
									// error
								}
							}, 1500)
						}
						uni.stopPullDownRefresh();
						uni.hideNavigationBarLoading();
						page4++;
					}
				})
			},
			getNewFucha() {
				var that = this
				if (this.loadingText4 == '没有更多待复查记录') {
					return false
				}
				this.loadingText4 = '加载中...'
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getReviewList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page4,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res4_4) {
						uni.hideNavigationBarLoading();
						if (res4_4.data.datas.length == 0) {
							that.loadingText4 = '没有更多待复查记录';
							return false
						}
						if (res4_4.data.code == 200) {
							var newlist = res4_4.data.datas
							that.list4 = that.list4.concat(newlist)
							console.log(that.list4)
						}
						page4++;
					}
				})
			},
			getTongguo() {
				let that = this
				page5 = 1
				uni.showNavigationBarLoading();
				this.loadingText5 = '上拉加载更多'
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getPassedList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page5,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res5) {
						if (res5.data.code == 200) {
							if (res5.data.datas.length == 0) {
								that.isShow = true
							}
							that.list5 = res5.data.datas
							console.log(that.list5)
						}
						if (res5.data.code == 100) {
							console.log(res5)
							uni.showToast({
								title: res5.data.datas.msg,
								icon: 'none'
							})
							setTimeout(() => {
								uni.reLaunch({
									url: '/pages/index/index'
								})
								try {
									uni.removeStorageSync('user');
									console.log('chenggonmg')
								} catch (e) {
									// error
								}
							}, 1500)
						}
						uni.stopPullDownRefresh();
						uni.hideNavigationBarLoading();
						page4++;
					}
				})
			},
			getNewTongguo() {
				var that = this
				if (this.loadingText5 == '没有更多已通过记录') {
					return false
				}
				this.loadingText5 = '加载中...'
				uni.request({
					url: 'https://aqmore.sxpz.vip/AppApi/SafetyInspection/getPassedList?uid=' + this.uid + '&token=' + this.token +
						'&p=' + page5,
					method: 'GET',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: function(res5_5) {
						uni.hideNavigationBarLoading();
						if (res5_5.data.datas.length == 0) {
							that.loadingText5 = '没有更多已通过记录';
							return false
						}
						if (res5_5.data.code == 200) {
							var newlist = res5_5.data.datas
							that.list5 = that.list5.concat(newlist)
							console.log(that.list5)
						}
						page5++;
					}
				})
			},






			toDetail(e, f, g) { //f为时间  g为状态 正常或异常
				uni.navigateTo({
					url: 'hiddenDangersInformation?id=' + e + '&time=' + f + '&zhuangtai=' + g
				})
			}

		}
	}
</script>

<style>
	page {
		margin: 0;
		padding: 0;
		/* background-color: #0d98ed; */
	}
	.cxzhipai{
		
	}
	.jiaobiao {
		position: absolute;
		height: 50upx;
		width: 100upx;
		right: 0;
		font-size: 100%;
		color: #FFFFFF;
		top: -3upx;
		border-radius: 10%;
		text-align: center;
		background-color: #ff0000;
	}

	.jiaobiao1 {
		position: absolute;
		height: 50upx;
		width: 100upx;
		right: 0;
		font-size: 100%;
		color: #FFFFFF;
		top: -3upx;
		border-radius: 10%;
		text-align: center;
		background-color: #ff5500;
	}

	.jiaobiao2 {
		position: absolute;
		height: 50upx;
		width: 100upx;
		right: 0;
		font-size: 100%;
		color: #FFFFFF;
		top: -3upx;
		border-radius: 10%;
		text-align: center;
		background-color: #ffaa00;
	}

	.jiaobiao3 {
		position: absolute;
		height: 50upx;
		width: 100upx;
		right: 0;
		font-size: 100%;
		color: #FFFFFF;
		top: -3upx;
		border-radius: 10%;
		text-align: center;
		background-color: #00aa00;
	}

	.jiaobiao4 {
		position: absolute;
		height: 50upx;
		width: 100upx;
		right: 0;
		font-size: 100%;
		color: #FFFFFF;
		top: -3upx;
		border-radius: 10%;
		text-align: center;
		background-color: #ffff00;
	}

	.loading {
		line-height: 2em;
		text-align: center;
		color: #808080;
		margin-top: 30upx;
	}

	swiper-tab {
		width: 100%;
		border-bottom: 2rpx solid #777777;
		text-align: center;
		line-height: 80rpx;
	}

	.swiper-tab-list {
		font-size: 30rpx;
		display: inline-block;
		width: 33.33%;
		color: #777777;
	}

	.on11 {
		color: #007AFF;
	}
</style>
